<?php
	require_once("../conexion/conexion.php");
	
	$con = new Conexion();
    $con2 = $con->conexionBD("fpproduccion");
	$sql = "select CajMontoAct from caja where CajEstado='ACTIVO'";
    $resultado = mysql_query($sql) or die ($con->error_mysql("Error en la consulta".mysql_error()));
	$montoAct = mysql_fetch_array($resultado);
	$con->cerrarBD();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Formulario</title>
<link href="../Estilos/global.css" rel="stylesheet" type="text/css" />
<link href="../Estilos/local.css" rel="stylesheet" type="text/css" />
<link href="../Estilos/CssTabla3.css" rel="stylesheet" type="text/css" />
<link href="../Estilos/jquery.autocomplete.css" rel="stylesheet" type="text/css" />

<script src="../include_js/jquery.js" type="text/javascript"></script>


<style>
.texto
{
	font-size:14px;
	margin-left:10px;
	font:Verdana; 
	color:#0066CC;
}
.borde
{
	/*border:0px solid #6593C0;*/
	border:1px solid #D3E4E5;
}
.asterisco
{
	color:#0000FF;
	font-weight:bold;
}
.textoCaja
{
	font-size:9px;
	font:Verdana;
}
.textoNumero
{
	font-size:14px;
	margin-left:10px;
	font:Verdana; 
	color:#000000;
}
</style>
<script>
var cont1=2,contador=1;
function ObtieneValoresTotal()
{
	 $.ajax({
            type: 'POST',
            url: 'Contabilidad/ObtieneValoresTotalesEgreso.php',
            data: $('#form_EgresoCaja').serialize(),
            success: function(data) {
                $('#mensaje3').html(data);
            }
        })
}

function ObtieneTotal(cont)
{
	var obj1 = 'txtCantidad'+cont+'';
	var obj2 = 'txtUnitario'+cont+'';
	var obj3 = 'txtTotal'+cont+'';
	
	cantidad = document.getElementById(obj1).value;
	unitario = document.getElementById(obj2).value;
	//alert(unitario+" "+cantidad);
	if((unitario!="")&&(cantidad!=""))
	{
		unitario = EliminaPuntos(unitario);
		total = Math.round(cantidad*unitario);
		txt = document.getElementById(obj3);
		document.getElementById(obj3).value = total;
		puntitos(txt,total);
		ObtieneValoresTotal();
	}
}

function EliminarFila(fila)
{
	var Tr = fila;
	while(Tr.nodeName.toLowerCase()!='tr')
	{
		Tr=Tr.parentNode;
	}
	
	var root = Tr.parentNode;
	root.removeChild(Tr);
	
	contador--;
	document.getElementById("txtCant").value = contador;
	if(contador==1)
	{
		cont1=2;
		document.getElementById("txtCantTotal").value = 1;
	}
	ObtieneValoresTotal();
}

function AgregaFila()
{	
	//alert(cont1);
	nuevaFila = document.getElementById("TItems").insertRow(-1);
	nuevaFila.id=cont1;
	//nuevaFila.className='borde';
	nuevaCelda=nuevaFila.insertCell(-1);
	nuevaCelda.className='borde';
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input id='txtCantidad"+cont1+"' type='text' name='txtCantidad"+cont1+"' size='12' onkeypress='return validar(event);' class='textoCaja'/></td>";
	
	nuevaCelda=nuevaFila.insertCell(-1);
	nuevaCelda.className='borde';
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input id='txtEspecificacion"+cont1+"' name='txtEspecificacion"+cont1+"' type='text' class='textoCaja' size='80'/></td>";
	
	nuevaCelda=nuevaFila.insertCell(-1);
	nuevaCelda.className='borde';
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input id='txtUnitario"+cont1+"' type='text' name='txtUnitario"+cont1+"' size='15' onkeyup = 'puntitos(this,this.value.charAt(this.value.length-1))' class='textoCaja'/></td>";
	
	nuevaCelda=nuevaFila.insertCell(-1);
	nuevaCelda.className='borde';
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input id='txtTotal"+cont1+"' type='text' name='txtTotal"+cont1+"' size='15' onkeyup = 'puntitos(this,this.value.charAt(this.value.length-1))' onfocus='ObtieneTotal("+cont1+");' class='textoCaja'/></td>";
	
	nuevaCelda=nuevaFila.insertCell(-1);
	nuevaCelda.className='borde';
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input type='button' value='[x]' onclick='EliminarFila(this);' style='font-size:9px;'></td>";
	document.getElementById("txtCantTotal").value = cont1;
	cont1++;
	contador++;
	document.getElementById('txtCant').value = contador;
}

function BorraDatosEgreso(dato)
{
	var cadena = dato.substring(8,9);
    if(cadena=='1')
	{
		$.ajax({
            type: 'POST',
            url: 'Contabilidad/MenuEgresoCajaChica.php',
            data: $('#form_EgresoCaja').serialize(),
            success: function(data) {
                $('#capa2').html(data);
            }
        })
	}
}

function GuardaEgreso()
{
	$.ajax({
            type: 'POST',
            url: 'Contabilidad/Ingresa_EgresoCajaChica.php',
            data: $('#form_EgresoCaja').serialize(),
            success: function(data) {
                $('#mensaje3').html(data);
				BorraDatosEgreso(data);
            }
        })
}
</script>
</head>
<body>
<form name="form_EgresoCaja" id="form_EgresoCaja" method="post">
<div class='groupbox'>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="uno">
<tr>
  <td class="borde" colspan="2"><div style="float:left; clear:none; margin-left:10px; margin-top:5px;"><label style="color:#0000FF; font-size:12px; font-weight:bold;">Datos Obligatorios(*)</label></div></td>
  <td class="borde">&nbsp;</td>
  <td class="borde">&nbsp;</td>
</tr>
<tr><td class="borde" colspan="4"><hr /></td></tr>
<tr style="padding-bottom:5px;">
  <td width="21%" class="borde">&nbsp;</td>
  <td class="borde" colspan="2" style="text-align:right;"><label class="texto">Monto Actual:</label></td>
  <td width="32%" class="borde"><label class="textoNumero"><?php echo "$".number_format ($montoAct[0],0,',','.');?></label></td>
  </tr>
<tr>
	<td width="21%" class="borde" style="text-align:right"><label class="texto">N&deg; Comprobante:</label>&nbsp;</td>
	<td width="32%" class="borde"><input type="text" name="txtNumComp" id="txtNumComp" onkeypress="return validar(event)" />&nbsp;<label class="asterisco">*</label></td>
	<td width="15%" class="borde" style="text-align:right"><label class="texto">Fecha:</label></td>
	<td width="32%" class="borde"><input name="txtFechaE" type="text" id="txtFechaE" size="10">&nbsp;<img src="imagen/img.gif" width="20" height="14" title="calendario" style="cursor: pointer; border: 1px solid green;" onmouseover="this.style.background='black';" onmouseout="this.style.background=''" onclick="popUpCalendar(txtFechaE, form_EgresoCaja.txtFechaE, 'dd-mm-yyyy');" />&nbsp;<label class="asterisco">*</label></td></tr>
  <tr>
    <td class="borde" style="text-align:right"><label class="texto">Dirigido a:</label></td>
	  <td class="borde"><input type="text" name="txtPersona" id="txtPersona" size="35" />&nbsp;<label class="asterisco">*</label></td>
	  <td class="borde" style="text-align:right"><label class="texto">Area:</label></td>
	  <td class="borde"><select name="cmb_Gasto" id="cmb_Gasto" >
        <option value="0">--AREA--</option>
         <?php
            	$con = new Conexion();
        		$con2 = $con->conexionBD("fpproduccion");
                $sql = "select ACod,ANombre from area";
                $resultado = mysql_query($sql) or die ($con->error_mysql("Error en la consulta".mysql_error()));
				//$fila = mysql_num_rows($resultado);
				while ($row = mysql_fetch_row($resultado))
				{
					echo "<option value='".$row[0]."'>".$row[1]."</option>";
				}
                $con->cerrarBD();
		?>
      </select>
	    <label class="asterisco">*</label></td></tr>
    <td class="borde">&nbsp;</td>
    <td class="borde">&nbsp;</td>
    <td class="borde">&nbsp;</td>
    <td class="borde">&nbsp;</td>
  </tr>
	<tr>
		  <td colspan="4" class="borde"><hr /></td>
	</tr>
  <tr>
    <td class="borde" colspan="4"><div style="margin-left:10px;">
		<table width="50%" border="0" cellpadding="0" cellspacing="0" id="TItems">
		<thead>
		<tr>
    		<th class="borde">cantidad</th>
    		<th class="borde">detalle</th>
    		<th class="borde">valor($)</th>
			<th class="borde">Total($)</th>
    		<th class="borde" title="Agrega Nuevo Items"><a href="javascript:AgregaFila();">[+]</a></th>
    	</tr>
		<tr>
			<td class="borde"><input name="txtCantidad1" id="txtCantidad1" type="text" size="12" onkeypress="return validar(event)" class="textoCaja"/></td>
			<td class="borde"><input name="txtEspecificacion1" id="txtEspecificacion1" type="text" size="80" class="textoCaja"/></td>
			<td class="borde"><input name="txtUnitario1" id="txtUnitario1" type="text" size="15" onkeyup="puntitos(this,this.value.charAt(this.value.length-1))" class="textoCaja" /></td>
			<td class="borde"><input type="text" name="txtTotal1" id="txtTotal1" size="15" onkeyup="puntitos(this,this.value.charAt(this.value.length-1))" onfocus="ObtieneTotal(1);" class="textoCaja"/></td>
			<td class="borde"><label class="asterisco">*</label></td>
		</tr>
		</thead>
		</table></div>	</td>
  </tr>

  <tr>
    <td class="borde" colspan="4"><hr /></td>
  </tr>
  <tr>
    <td class="borde" colspan="2"><label class="texto">Total ($):</label>&nbsp;<input type="text" name="txtSuma" id="txtSuma" size="15" value="0" style="background:#E1E1E1;" readonly="true"/>
      <input type="hidden" name="txtCant" id="txtCant" value="1"/><input type="hidden" name="txtCantTotal" id="txtCantTotal" value="1"/></td>
    <td class="borde">&nbsp;</td>
    <td class="borde">&nbsp;</td>
  </tr>
  <tr>
    <td class="borde">&nbsp;</td>
    <td class="borde">&nbsp;</td>
    <td class="borde">&nbsp;</td>
    <td class="borde">&nbsp;</td>
  </tr>
  <tr>
    <td class="borde" colspan="4"><div class="formtail">
      <input name="btn_Guardar" id="btn_Guardar" type="button" value=" " class="guardar" onclick="GuardaEgreso();" />
    </div></td>
  </tr>
</table>
</div>
</form>
<div id="mensaje3"></div>
</body>
</html>